<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      a {
        /* 去掉下划线 */
        text-decoration: none;
      }
      p {
        /* 下划线 */
        text-decoration: underline;
      }
      div {
        /* 删除线 */
        text-decoration: line-through;
      }
      /* text-decoration-line ：文本修饰的位置，如下划线underline，删除线line-through
      text-decoration-color：文本修饰的颜色
      text-decoration-style：文本修饰的样式，如波浪线wavy实线solid虚线dashed
      text-decoration-thickness：文本修饰线的粗细 */

      /* text-indent 属性 - 首行缩进 */
      p {
        font-size: 20px;
      }
      p span {
        font-size: 2em; /*相当于 40px*/
      }
      .line2 {
        text-indent: 2em; /*P首行缩进为2个字符大小*/
      }

      div {
        border: 1px solid red; /*边框线:1像素 实线  红色*/
        font-size: 20px; /*字体大小*/
      }
      .line1 {
        line-height: 30px; /*行高为30px*/
      }
      .line2 {
        line-height: 2; /*行高为字体2倍*/
      }
      .line3 {
        line-height: 200%; /*行高为字体2倍*/
      }

      div.left {
        text-align: left;
      }
      div.center {
        /* 文本居中对齐 */
        text-align: center;
      }
      div.right {
        text-align: right;
      }

      /* font 属性连写时，必须设置 font-size 和 font-family 才能生效
      font-style和font-weight 必须在 font-size 之前 */
      * {
        font: bold italic 20px/1.5 "宋体";
        font: 20px/1.5 "宋体";
      }
    </style>
  </head>
  <body>
    <a href="#">艾编程</a>
    <p>为每个互联网人提供高质量的终身学习平台</p>
    <div>删除线</div>

    <br /><br />
    <p class="line1">
      艾编程，为每个互联网人提供 <span>高质量</span>的终身学习平台
    </p>
    <p class="line2">
      艾编程是在大数据人工智能时代高速发展的今天成立的一家以提供各行业商业项目研发解决方案为核心的在线教育学习平台。
    </p>

    <div class="line1">行高为30px</div>
    <div class="line2">行高为数值2</div>
    <div class="line3">行高为200%</div>

    <div class="left">左边</div>
    <div class="center">中间</div>
    <div class="right">右边</div>
  </body>
</html>
